<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>购物中心</title>
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="css/login.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/shoppingCart.css">
	<style></style>
</head>
<body>
	<!-- 导航条top -->		
	<div class="top">
		<ul class="top_right">
			<li class="topR">商业合作</li>			
			<li class="topR">了解造作</li>
			<li class="news">实体店<span>NEW</span></li>
			<li class="top_icon"><span></span></li>
		</ul>
		<h1><img src="images/icon/0logo.png" alt=""></h1>
		<ul class="leftnav">
			<span class="myIcon"><img src="images/icon/1a.png" alt=""></span>
			<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
			<li class="login_now leave_now">首页</li>
			<li>沙发
				<div class="slideul">
					<ul class="slide_one">
						<li>
							<img class="img_nohover" src="images/icon/sofa_3.png" alt="">
							<img class="img_hover" src="images/icon/sofa_3c.png" alt="">
							<span>三人沙发</span>
							</li>

						<li>					
							<img class="img_nohover" src="images/icon/sofa_2.png" alt="">
							<img class="img_hover" src="images/icon/sofa_2c.png" alt="">
							<span>双人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
							<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
							<span>单人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_4.png" alt="">
							<img class="img_hover" src="images/icon/sofa_4c.png" alt="">
							<span>四人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
							<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
							<span>沙发墩</span>
						</li>
					</ul>
				</div>
			</li>
			<li>桌几
				<div class="slideul">
					<ul class="slide_two">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<img class="img_hover" src="images/icon/desk_1c.png" alt="">
							<span>书桌·餐桌</span>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<img class="img_hover" src="images/icon/desk_2c.png" alt="">
							<span>茶几</span>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<img class="img_hover" src="images/icon/desk_3c.png" alt="">
							<span>边几</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>椅凳
				<div class="slideul">
					<ul class="slide_three">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<img class="img_hover" src="images/icon/desk_1c.png" alt="">
							<span>座椅</span>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<img class="img_hover" src="images/icon/desk_2c.png" alt="">
							<span>坐墩</span>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<img class="img_hover" src="images/icon/desk_3c.png" alt="">
							<span>凳子</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>柜架
				<div class="slideul">
					<ul class="slide_four">
						<li>
							<img src="images/icon/gj_1.png" alt="">
							<img class="img_hover" src="images/icon/gj_1c.png" alt="">
							<span>置物柜</span>
						</li>
						<li>
							<img src="images/icon/gj_2.png" alt="">
							<img class="img_hover" src="images/icon/gj_2c.png" alt="">
							<span>书柜·书架</span>
						</li>
						<li>
							<img src="images/icon/gj_3.png" alt="">
							<img class="img_hover" src="images/icon/gj_3c.png" alt="">
							<span>电视柜</span>
						</li> 
						<li>
							<img src="images/icon/gj_4.png" alt="">
							<img class="img_hover" src="images/icon/gj_4c.png" alt="">
							<span>置物架</span>
						</li>     
						<li>
							<img src="images/icon/gj_5.png" alt="">
							<img class="img_hover" src="images/icon/gj_5c.png" alt="">
							<span>单元格</span>
						</li>     
						<li>
							<img src="images/icon/gj_6.png" alt="">
							<img class="img_hover" src="images/icon/gj_6c.png" alt="">
							<span>衣帽架</span>
						</li>     
						<li>
							<img src="images/icon/gj_7.png" alt="">
							<img class="img_hover" src="images/icon/gj_7c.png" alt="">
							<span>鞋柜·玄关柜</span>
						</li>             
					</ul>	
				</div>	
			</li>
			<li>灯具
				<div class="slideul">
					<ul class="slide_five">
						<li>
							<img src="images/icon/light_1.png" alt="">
							<img class="img_hover" src="images/icon/light_1c.png" alt="">
							<span>台灯</span>
						</li>
						<li>
							<img src="images/icon/light_2.png" alt="">
							<img class="img_hover" src="images/icon/light_2c.png" alt="">
							<span>地灯 </span>
						</li>
						<li>
							<img src="images/icon/light_3.png" alt="">
							<img class="img_hover" src="images/icon/light_3c.png" alt="">
							<span>吊灯</span>
						</li> 
						<li>
							<img src="images/icon/light_4.png" alt="">
							<img class="img_hover" src="images/icon/light_4c.png" alt="">
							<span>夜灯</span>
						</li>       
					</ul>	
				</div>	
			</li>
			<li>床·床具
				<div class="slideul">
					<ul class="slide_six">
						<li>
							<img src="images/icon/bed_1.png" alt="">
							<img class="img_hover" src="images/icon/bed_1c.png" alt="">
							<span>床</span>
						</li>
						<li>
							<img src="images/icon/bed_2.png" alt="">
							<img class="img_hover" src="images/icon/bed_2c.png" alt="">
							<span>床垫 </span>
						</li>
						<li>
							<img src="images/icon/bed_3.png" alt="">
							<img class="img_hover" src="images/icon/bed_3c.png" alt="">
							<span>床头柜</span>
						</li> 
						<li>
							<img src="images/icon/bed_4.png" alt="">
							<img class="img_hover" src="images/icon/bed_4c.png" alt="">
							<span>床下储物盒</span>
						</li>   
						<li>
							<img src="images/icon/bed_5.png" alt="">
							<img class="img_hover" src="images/icon/bed_5c.png" alt="">
							<span>床尾凳</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>家纺
				<div class="slideul">
					<ul class="slide_seven">
						<li>
							<img src="images/icon/jf_1.png" alt="">
							<img class="img_hover" src="images/icon/jf_1c.png" alt="">
							<span>床品4件套</span>
						</li>
						<li>
							<img src="images/icon/jf_2.png" alt="">
							<img class="img_hover" src="images/icon/jf_2c.png" alt="">
							<span>被芯·枕芯 </span>
						</li>
						<li>
							<img src="images/icon/jf_3.png" alt="">
							<img class="img_hover" src="images/icon/jf_3c.png" alt="">
							<span>床褥</span>
						</li> 
						<li>
							<img src="images/icon/jf_4.png" alt="">
							<img class="img_hover" src="images/icon/jf_4c.png" alt="">
							<span>盖毯</span>
						</li>   
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>地毯</span>
						</li>   
						<li>
							<img src="images/icon/jf_6.png" alt="">
							<img class="img_hover" src="images/icon/jf_6c.png" alt="">
							<span>抱枕</span>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>毛巾</span>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>颈枕</span>
						</li>    
					</ul>	
				</div>	
			</li>
			<li>装饰
				<div class="slideul">
					<ul class="slide_eight">
						<li>
							<img src="images/icon/zs_1.png" alt="">
							<img class="img_hover" src="images/icon/zs_1c.png" alt="">
							<span>摆件·花瓶</span>
						</li>
						<li>
							<img src="images/icon/zs_2.png" alt="">
							<img class="img_hover" src="images/icon/zs_2c.png" alt="">
							<span>收纳</span>
						</li>
						<li>
							<img src="images/icon/zs_3.png" alt="">
							<img class="img_hover" src="images/icon/zs_3c.png" alt="">
							<span>装饰画</span>
						</li>     
					</ul>	
				</div>	
			</li>
			<li>餐具
				<div class="slideul">
					<ul class="slide_nine">
						<li>
							<img src="images/icon/cj_1.png" alt="">
							<img class="img_hover" src="images/icon/cj_1c.png" alt="">
							<span>套装</span>
						</li>
						<li>
							<img src="images/icon/cj_2.png" alt="">
							<img class="img_hover" src="images/icon/cj_2c.png" alt="">
							<span>盘碗 </span>
						</li>
						<li>
							<img src="images/icon/cj_3.png" alt="">
							<img class="img_hover" src="images/icon/cj_3c.png" alt="">
							<span>杯子</span>
						</li> 
						<li>
							<img src="images/icon/cj_4.png" alt="">
							<img class="img_hover" src="images/icon/cj_4c.png" alt="">
							<span>储物</span>
						</li>   
						<li>
							<img src="images/icon/cj_5.png" alt="">
							<img class="img_hover" src="images/icon/cj_5c.png" alt="">
							<span>托盘</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>礼品卡</li>
		</ul>
	</div>

	<!-- 购物车中的商品信息cons -->
	<div class="cons">
		<!-- 主要商品信息con -->
		<div class="con">
			<h1>免费配送 改变新家</h1>
			<div class="goods_info">
				<!-- 可选中框、图片、发货时间 -->
				<div class="box"></div>
				<div class="pic">
					<img src="images/shopping_cart_1.jpg" alt="">
					<div class="pic_box"></div>
				</div>
				<div class="time">
					<span>COFA</span>
					<p>预计2018-06-17前发货</p>
				</div>
				<!-- 商品的颜色、可修改内容、价格、数量-->
				<div class="info">
					<!-- 商品颜色 -->
					<span class="info_color">月灰格/双人座</span>
					<!-- 修改商品内容 -->
					<div class="info_alter">
						<img src="images/alter.png" alt="">
						<div class="alter">修改</div>
						<!-- 点击修改，弹出一个商品信息框，可修改内容 -->
						<div class="alter_click">
							<div class="alter_click_l">
								<img src="images/shopping_cart_1.jpg" alt="">
							</div>
							<div class="alter_click_r">
								<span>￥19999</span>
								<p>今天下单，将于2018-06-18前发货，大件家具会致电确认</p>
								<div class="click_r_color">
									<span>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</span>
									<div class="color1">
										<img src="images/color1.jpg" alt="">
									</div>
									<div class="color2">
										<img src="images/color2.jpg" alt="">
									</div>
								</div>
								<div class="click_r_type">
									<span>款&nbsp;&nbsp;&nbsp;&nbsp;型：</span>
									<div class="sanrenzuo">
										<span>全幅三人座</span></div>
								</div>
								<div class="sure">确认修改</div>
							</div>
							<div class="del_alter">X</div>
						</div>
					</div>
					<!-- 商品价格 -->
					<span class="info_price">￥7556</span>
					<!-- 商品数量 -->
					<div class="info_number">
						<ul>
							<li>-</li>
							<li>1</li>
							<li>+</li>
						</ul>
					</div>
					<!-- 删除该商品 -->
					<div class="del">
						<span>X</span>
					</div>				
				</div>
			</div>
		</div>

		<!-- 空的购物车 -->
		<div class="cart">
			<div>
				<span></span>
			</div>
			<p>你的购物车中还没有任何商品</p>
		</div>

		<!-- 固定条_ -->
		<div class="fix fixed">
			<div class="pay">
				<div class="box"></div>
				<p>全选</p>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;已选1件</span>
				<div class="pay_price">￥19999</div>
				<button>立即下单</button>
			</div>		
		</div>	
	</div>
		
	<!-- 服务承诺_ -->
	<div class="server">
		<img class="img_bg" src="images/server.jpg" alt="">
		<div class="server_info">
			<h2>服务承诺</h2>
			<div class="server_promise">
				<ul>
					<li>
						<span class="span_img img1"></span>
						<p>全国包邮/210城</p>
						<span>免&nbsp;费&nbsp;送&nbsp;装</span>
					</li>
					<li>
						<span class="span_img img2"></span>
						<p>延期高利补偿/确保</p>
						<span>准&nbsp;时&nbsp;交&nbsp;付</span>
					</li>
					<li>
						<span class="span_img img3"></span>
						<p>价格保障/变动返差价</p>
						<span>7&nbsp;日&nbsp;保&nbsp;价</span>
					</li>
					<li>
						<span class="span_img img4"></span>
						<p>三年质保</p>
						<span>7&nbsp;日&nbsp;退&nbsp;换</span>
					</li>
				</ul>
			</div>
			
		</div>
	</div>

	<!-- footer -->
	<div class="footer">
		<!-- footer内容区，包括footer_t和footer_b -->
		<div class="footer_c">
			<!-- footer_t -->
			<div class="footer_t">
				<!-- footer_t中的footer_tl，包括img，span和两个小图标 -->
				<div class="footer_tl">
					<img src="images/zaozuo2.png" alt="">
					<span>zaozuo.com</span>
					<div class="tubiao">
						<div class="tubiao1"></div>
						<!-- <div class="tubiao1_en"></div> -->
						<div class="tubiao2"></div>
						<!-- <div class="tubiao2_en"></div> -->
					</div>
				</div>
				<!-- footer_t中的footer_tc -->
				<div class="footer_tc">
					<ul>
						<li class="current">关于造作
							<ol class="footer_tc_ol">
								<li>团队介绍</li>
								<li>设计师团</li>
								<li>媒体报道</li>
								<li>加入造作</li>
								<li>Designer Hiring</li>
							</ol>
						</li>
						<li class="current">帮助中心
							<ol class="footer_tc_ol">
								<li>购物管理</li>
								<li>订单管理</li>
								<li>常见问题</li>
							</ol>
						</li>
						<li class="current">服务支持
							<ol class="footer_tc_ol">
								<li>服务保障</li>
								<li>用户协议</li>
								<li>物流售后服务</li>
							</ol>
						</li>
						<li class="current">商业合作
							<ol class="footer_tc_ol">
								<li>集合采购</li>
								<li>空间设计合作</li>
								<li>品牌合作</li>
								<li>媒体合作</li>
								<li>设计师入驻</li>
							</ol>
						</li>
					</ul>
				</div>
				<!-- footer_tc中的footer_tc_t 在线客服 -->
				<div class="footer_tr">
					<div class="footer_tr_t">
						<span>联系我们</span>
						<p>400-6636-926
							<span>(9:00~21:00)</span>
						</p>
						<div class="kefu">在线客服</div>
					</div>
					<!-- footer_tc中的footer_tc_b 分店 -->
					<div class="footer_tr_b">
						<ul>
							<li>
								<span></span>
								北京颐堤港店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								北京荟聚店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海幸福里店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海万象城店&nbsp;></li>
							<li>
								<span></span>
								深圳万象天地店&nbsp;></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- footer_b -->
			<div class="footer_b">
				<p>Copyright © 2015 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
				<p>
					<span>版权所有</span>&nbsp;
					<span class="p_1">京ICP备14049641号-1&nbsp;增值电信业务经营许可证：京ICP证150098号</span>
				</p>
				<p class="p_2">造作官网-全品类设计家居品牌</p>
			</div>
		</div>
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/shoppingCart.js"></script>
</body>
</html>     